<!--表当前文档是html5版本，让浏览器使用h5的规范进行解析-->
<!DOCTYPE html>
<!--表示网页的开始和结束 lang属性表示网页的语言，当前为英文，zh 中文--> -->
<html lang="en">
<!--表示网页的头部-->
<head>
<!--表示网页的编码格式-->
    <meta charset="UTF-8">
<!--标题-->
    <title>哈哈哈你是大傻逼</title>
</head>
<!--表示网页的主体-->
<body>
    <h1>哈哈哈我是内容</h1>
    <b>加粗文字</b><br>
    <i>文字</i><br><!--斜体-->
    <s>文字</s><br><!--删除线-->
    <u>文字</u><br><!--下划线-->
    <mark>文字&nbsp;&nbsp;&nbsp;</mark><br><!--高亮-->
    今天&lt;tom&gt;吃什么
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <h7>七级标题</h7>
<!--生成假文 -->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, architecto autem cupiditate debitis dicta eum facere hic itaque labore nulla odio ratione reprehenderit rerum ullam vero. Animi quasi quos totam.
    <p>出葡萄不吐葡萄皮</p><!--段落-->
    <p>出葡萄不吐葡萄皮</p><!--段落-->
    <p>出葡萄不吐葡萄皮</p><!--段落-->
<!--插入横线-->
    </hr>
<!--有序列表-->
    <ol type="I">
        <li>把水煮开</li>
        <li>把面放进去</li>
        <li> 把面捞出来</li>
    </ol>
<!--无序列表-->
    <ul>
        <li>《西游记》</li>
        <li>《红楼梦》</li>
        <li>《三国演义》</li>
        <li>《水浒传》</li>
    </ul>

    <ul>
        <li>你干嘛</li>
        <ol>
            <li>a</li>
            <li>b</li>
            <li>c</li>
        </ol>
        <li>哎呦</li>
        <ol>
            <li>d</li>
            <li>e</li>
            <li>f</li>
        </ol>
        <li>主食</li>
        <ol>
            <li>米饭</li>
            <li>主食</li>
        </ol>
    </ul>
</body>
</html>